Implement percentage flags to control funnel hoverinfo and hovertemplete #3958
Conversation
|
I'm not sure how I feel about camel-casing in |
| out.y = 'yVal' in pt ? pt.yVal : pt.y; | ||
|
|
||
| // for funnel | ||
| if('percentInitial' in pt) out.percentInitial = pt.percentInitial; |
There was a problem hiding this comment.
here out.percentInitial should be the raw number (i.e. unformatted).
There was a problem hiding this comment.
is percentInitial between 0-100 or between 0-1?
There was a problem hiding this comment.
Right now with formatting it is between 0-100. The raw ratios are between 0-1.
There was a problem hiding this comment.
FYI - in case of pie the pt.percent contains the fraction not the percent.
There was a problem hiding this comment.
This is what pie does:
plotly.js/src/traces/pie/plot.js
Lines 365 to 367 in 3e3b22d
that is:
percentis in fact a fractionpercentLabelis a percentage and it is howhoverinfoflag'percent'shows up in the hover label. It is also howhovertemplate: '%{percent}'shows up by default.
For example,
Plotly.newPlot(gd, [{
type: 'pie',
labels: ['a', 'b', 'c'],
values: [1, 2, 3]
}])shows 16.7%, 33.3% and 50% in the hover labels when 'percent' is part of the hoverinfo OR when hovertemplate: '%{percent}' (i.e. it uses percentLabel behind the scenes).
But if hovertemplate: '%{y:.3f}' we get 0.167, 0.333 and 0.500 in the hover labels (i.e. we format the fraction behind the scenes).
|
@etpinard thanks for your help, |
|
💃 |
fix #3954
Control percentages via
hoverinfoandhovertemplate.Note: the
hovertemplatekeys are incamelCaseformat.codepen
@plotly/plotly_js
cc: @nicolaskruchten